<template>
  <header class="header__container flex-3">
    <div class="logo__container">淘股侠</div>
    <div class="user__contaienr flex-3">
      <span class="system__name">后台管理系统</span>
      <div class="user__box">
        <span class="user__name">admin</span>
        <span class="btn btn__exit" @click="exit">退出</span>
      </div>
    </div>
  </header>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  methods: {
    exit() {
      this.$router.push({name: 'login'});
    }
  }
}
</script>

<style lang="stylus" scoped>
.header__container 
  height 60px
  display flex
.logo__container
  width 180px
  line-height 60px
  text-align center
  font-size 30px
  background #999
.user__contaienr
  flex 1
  padding 0 30px
  box-sizing border-box
.btn__exit
  color red
</style>
